html,body{width: 100%;height: 100%;}
.bg{display: flex;flex-direction:column;height: 100%;width: 100%;}

/**************头部********************/
.head{flex:0 0 90px;display: flex;flex-direction:column;}

.head-top{flex:0 0 50px;display: flex;background-color: #eee;}
.head-t-left{flex:0 0 50px;font-size: 25px;line-height: 50px;color: #f50;text-align: center;}
.head-t-left a{width: 50px;height: 50px;display: block;position:absolute;top: 0;}
.head-t-middle{flex:0 1 100%;text-align: center;position: relative;color: #f50;}
.icon-sousuo{font-size:16px;position: absolute;top: 17px;left: 20px;}
.head-t-middle input{width: 90%;margin:12px auto;height: 26px;border-radius:13px;border:1px solid #f50;
					padding-left: 30px;}
.head-t-right{flex:0 0 80px;display: flex;line-height: 50px;color: #f50;}
.items,.more{flex:1 1 50%;font-size: 25px;text-align: center;}
.change{cursor: pointer;transform:rotate(90deg);transition:0.6s;color: green;}

.head-bottom{flex:0 0 40px;font-size: 25px;text-align: center;display: flex;}
.head-bottom .nav-list{flex:0 0 25%;font-size: 16px;line-height: 40px;text-align: center;}
.head-bottom .nav-list:hover{border-bottom: 1.5px solid #f00;cursor: pointer;color: #f00;font-weight: bold;}

/**************中部********************/
.body{flex:0 1 100%;width: 100%;overflow: auto;}
/**************中部动画部分***************/
.photocase{overflow:hidden;}
.run{width:400%;position: relative;height: 160px;animation:run 10s infinite step-end;}
.run img{width: 25%;height:100%;margin-right: -3px;padding: 0;position:absolute;display: block;}
.pic2{left:25%;} .pic3{left:50%;} .pic4{left:75%;}
@keyframes run{
	0%{transform:translate(0%);}
	25%{transform:translate(-25%);}
	50%{transform:translate(-50%);}
	75%{transform:translate(-75%);}
	100%{transform:translate(0%);}
}

/**********第一段文字****************/
.timebox{box-shadow: content-box;padding: 30px 0;background-color: #b08247;color: #fff;margin-top: 5px;}
.timebox p,.timebox h3{text-align: center;margin-top: 10px;}
.timebox h3{font-size: 22px;margin-bottom: 5px;}
/******************goods**********************/
.goods{margin:10px 0;}
.good-items{position: relative;border-bottom: 1px solid rgba(0,0,0,0.5);}
.good-items img{vertical-align: middle;width: 50%;}
.goodsname{width: 48%;position: absolute;top: 40%;left: 50%;color: #f00;font-size: 22px;font-weight: bold;}
.goodsname a{color: #333;font-size: 16px;display: block;font-weight: normal;}

/**************底部********************/
.foot{flex:0 0 60px;display:none;transition: 0.6s;}
.foot-left{flex:0 0 85%;display: flex;}
.foot-left .shopnav-items{flex:0 0 33%;text-align: center;line-height: 60px;cursor: pointer;}
.shopnav-items span{border-top: 1px solid #000;padding-top: 2px;cursor: pointer;}
.foot-right{flex:0 0 15%;font-size: 25px;color: #089;text-align: center;line-height: 60px;cursor: pointer;}

.showed{display: flex;}

/***************************附加层***************/
.morelist{width: 80%;position: fixed;top: 50px;right: 0;text-align: center;background-color: rgba(200,200,200,0.9);
	border-bottom:1px solid #000;border-left:1px solid #000;z-index: 200;padding-bottom: 20px;display: none;}
.morelist ul li span{display:inline-block;width: 25%;margin-top: 20px;cursor: pointer;}
.morelist ul li span:hover{color: #f50;text-decoration: underline;}
.chuxian{display: block;}